<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <pre>
        二个方法都具有响应式的(要在实例Vue下面使用)
    1:在数组中Vue.set(arr,number,value)
              Vue.$set(arr,number,value)
    2：在对象中
              Vue.set(vm.obj,'x','value')
              Vue.$set(vm.obj,'x','value')


        不是响应式的（索引方式对数据进行修改不是响应式的）
     this.arr[]=''
     this.arr
     this.obj.xxx='不是响应式的'
    </pre>
    <div class="box">
      <div v-for="(value,key,index) in obj">{{ value}}</div>
    </div>

    <script src="../node_modules/vue/dist/vue.js"></script>
    <script>
      var vm = new Vue({
        el: '.box',
        data: {
          obj: {
            a: '小贝',
            b: '诺诺',
            c: '小米',
          },
        },
        methods: {},
      })
      Vue.set(vm.obj, 'a', '贝贝')
    </script>
  </body>
</html>
